<template>
	<div class="app-container">
		<div>
			抽屉demo
			<br />
			注意：必须给抽屉添加类名 modal-class="drawer-modal-class"
		</div>
		<el-button @click="drawerVisible = true">打开抽屉</el-button>
		<el-drawer v-model="drawerVisible" title="标题" class="drawer-class" size="480" modal-class="drawer-modal-class">
			<span>Hi, there!</span>
			<template #footer>
				<el-button @click="drawerVisible = false">取消</el-button>
				<el-button type="primary" @click="drawerVisible = false">确定</el-button>
			</template>
		</el-drawer>
	</div>
</template>

<script lang="ts" setup>
const drawerVisible = ref(false);
</script>
